/* 
    Document   : modulos_default
    Created on : 02/03/2012, 11:09:01 PM
    Author     : Jose Tejada
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    font-size: 16px;
}
root { 
    display: block;
}
a img{
    border:none;
}

/*  MENU HORIZONTAL */
.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{
    float:left;
    padding:0px;
}
.menu li a{
    background:#333333 url("../images/seperator.gif") bottom right no-repeat;
    color:#cccccc;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
    background: #2580a2 url("../images/hover.gif") bottom center no-repeat;
    color:#FFFFFF;
    text-decoration:none;
}
.menu li ul{
    background:#333333;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:225px;
    z-index:200;
    /*top:1em;
		/*left:0;*/
}
.menu li:hover ul{
    display:block;

}
.menu li li {
    background:url('../images/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:225px;
}
.menu li:hover li a{
    background:none;

}
.menu li ul a{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
    background:#2580a2 url('../images/hover_sub.gif') center left no-repeat;
    border:0px;
    color:#ffffff;
    text-decoration:none;
}
.menu p{
    clear:left;
}
/*  FIN MENU HORIZONTAL */

#div_container{
    margin: auto;
    width: 900px;
}
#div_content{
    margin: 80px;
}
#div_controls {
    background-color: #F9BA4C;
    margin: auto;
    padding: 10px;
    width: 80%;
}
#div_controls img{
    height: 25px;
    width: 25px;
    cursor: pointer;
}

/************************/
/*******FORMULARIOS******/
/************************/
.msg_form{
    font-size: 0.55em;
}
.td_msg_form{
    border-top: 1px solid #E6E6E6;
}
.tb_formulario{
    width: 100%;
}
.th_label{
    background-color: #2580A2;
    color: #ffffff;
    font-size: 0.7em;
    text-align: right;
}
.td_middle_field input,.td_middle_field select, 
.td_field input, .td_field select, .td_field textarea{
    background:#efefef;
    border:1px solid #dedede;
    padding:6px;
    margin-top:3px;
    font-size:0.6em;
    color:#3a3a3a;
}
.td_field textarea {
    resize:none;
    width:439px;
}
.td_field input{
    width:439px;
    height:11px;
}
.td_middle_field input{
    width:93%;
}
.td_middle_field select{
    width:85%;
}
.td_field select{
    height:35px;
    width:453px;
}
.td_field select option{
    vertical-align: middle;
}
span.required{
    color: #FF0701;
    font-size: 9px;
}
.btn_add{
    margin: auto;
    width: 15px;
}
/************************/
/*******DATATABLES******/
/************************/
.dataTable{
    width: 100%;
}
.btnsOpciones{
    text-align: center;
}
.btnsOpciones img{
    height: 18px;
    margin:3px;
    width: 18px;
    cursor: pointer;
}

/************************/
/*******    ALERT  ******/
/************************/
#div_alert, #div_confirm{
    display: none;
}
#tb_alert, #tb_confirm{
    width: 100%;
}
#th_button_ok{
    padding: 20px;
}
#th_msg_alert,#th_msg_confirm{
    color: #0272A0;
}
.img_alert, .img_confirm{
    width: 60px;
    height: 60px;
    margin: 5px;
}
.cls_msg_success{
    color: #56D445;
    font-size: 9px;
}
.cls_msg_warning{
    color: #FF9F31;
    font-size: 9px;
}
.cls_msg_error{
    color: #DA3838;
    font-size: 9px;
}